<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>百度一下，你就知道</title>
        <style>
            *{
                list-style: none;
                margin: 0px;
                padding: 0px;
            }
            .a2{
               float: right;
               background: royalblue;
               padding: 5px 5px;
               margin-top: 51px;
               margin-right: 35px;
               color:white;
            }
            ul{
                height: 100px;
            }
            li .a4{
                float: right;
                font-size: 15px;
                padding: 55px 20px 0px 0px;
                color: #000;
            }
            h1{
                margin-top: 10px;
                text-align: center;
            }
            div img{
                width: 240px;
            }
            input{
                width: 500px;
                height: 33px;
            }
            button{
                width: 100px;
                height: 37px;
                color: white;
                background:rgb(59,138,230);
                border: none;
                margin-left: -5px;
            }
            .c1{
                text-align: center;
                margin-top: 10px;
            }
            h2{
                margin-top: 220px;
                text-align: center;
                font-size: 12px;
                color: rgb(99, 99, 99);
                margin-bottom: 30px;
            }
            .d2{
                padding: 0px 15px;
                color: rgb(199, 199, 199);
            }
            .d1{
                text-align: center;
                font-size: 13px;
            }
            .d3 p{
                color: rgb(199, 199, 199);
                text-align: center;
                font-size: 14px;
            }
            .d3 a{
                color: rgb(199, 199, 199);
                text-align: center;
                font-size: 14px; 
            }
        </style>
    </head>
    <body>
        <div class="a1">
            <span class="a2">更多产品</span>
        </div>
        <ul>
            <li class="a3">
                <a class="a4" href="">设置</a>
                <a class="a4" href="">登录</a>
                <a class="a4" href="">贴吧</a>
                <a class="a4" href="">视频</a>
                <a class="a4" href="">地图</a>
                <a class="a4" href="">hao123</a>
                <a class="a4" href="">新闻</a>
                <a class="a4" href="">糯米</a>
            </li>
        </ul>
        <div class="b1">
            <h1>
                <img src="bbb.png" alt="" class="b11">
            </h1>
            <div class="c1">
            <input type="text"name="s" class="b2" placeholder="">
            <button type="button" class="b3">百度一下</button>
            </div>
        </div>
        <h2>
            <img src="ccc.png" alt="">
            <p>手机百度</p>
        </h2>
        <ul>
            <li class="d1">
            <a href="" class="d2">把百度设为主页</a>
            <a href="" class="d2">关于百度</a>
            <a href="" class="d2">About Baidu</a>
            <a href="" class="d2">百度推广</a>
            </li>
            <li class="d3">
                <p>
                    ©2021 Baidu <a href="">使用百度前必读</a> <a href="">意见反馈</a> 京ICP证030173号 <img src="d1.jpg" alt=""> <a href="">京公网安备11000002000001</a> <img src="d2.jpg" alt="">
                </p>
            </li>
        </ul>
    </body>
</html>